<template>
  <v-spacer class="viewAttachment-container text-left">
    <v-col class="img-wrap pa-0">
      <v-img :src="propAttachment.src" />
    </v-col>
    <v-col class="pa-0 pt-4 pb-1">{{ propTitle }}</v-col>
    <v-col class="pa-0">{{ propSubtitle }}</v-col>
  </v-spacer>
</template>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";
@Component({
  components: {},
  props: {
    attachment: {
      type: Object,
      default: () => ({}),
    },
    title: String,
    subTitle: String,
  },
})
export default class ViewAttachment extends Vue {
  get propAttachment() {
    return this.$props.attachment;
  }
  get propTitle() {
    return this.$props.title;
  }
  get propSubtitle() {
    return this.$props.subTitle;
  }
}
</script>

<style lang="scss" scoped>
@import "./ViewAttachment.scss";
</style>
